<div ng-controller="dataStatisticCtrl">

  <!-- 营业额/税额  折线图 -->
  <div class="col-xs-12 col-md-12 col-lg-12">
      <div class="widget">
          <div class="widget-header ">
              <span class="widget-caption">营业额/税额统计图表</span>
              <div class="widget-buttons">
                  <a data-toggle="maximize">
                      <i class="fa fa-expand"></i>
                  </a>
                  <a data-toggle="collapse">
                      <i class="fa fa-minus"></i>
                  </a>
                  <a data-toggle="dispose">
                      <i class="fa fa-times"></i>
                  </a>
              </div>
          </div>
          <div class="widget-body" style="display:block;height:auto">
            <div class="row">
              <div class="col-sm-12">
                <div class="selectModel">
                  <p>
                    <span class="selectModel-head">统计时间:</span>
                    <span>
                      <a ng-click="checkByYear1(0)" ng-class="chart1.conditions[0]?'current':''">总计</a>
                      <a ng-click="checkByYear1(1)" ng-class="chart1.conditions[1]?'current':''">最近三年</a>
                      <a ng-click="checkByYear1(2)" ng-class="chart1.conditions[2]?'current':''">最近五年</a>
                      <a ng-click="checkByYear1(3)" ng-class="chart1.conditions[3]?'current':''">最近十年</a>
                      <a ng-repeat="year in years" ng-click="checkByMonth1(year,$index)" ng-class="chart1.yearsArray[$index]?'current':''">{{year}}年</a>
                    </span>
                  </p>
                  <p>
                    <span class="selectModel-head">统计类型:</span>
                    <span>
                      <a class="current" ng-if="chart1.showByYear">按年度统计</a>
                      <a ng-click="selMonthType1(0)" ng-if="chart1.showByMonth" ng-class="!chart1.monthType?'current':''">按月度统计</a>
                      <a ng-click="selMonthType1(1)" ng-if="chart1.showByMonth" ng-class="chart1.monthType?'current':''">按季度统计</a>
                    </span>
                  </p>
                  <p>
                    <span class="selectModel-head">数据类型:</span>
                    <span>
                      <a ng-click="selChartType1(0)" ng-class="chart1.chartType?'current':''">营业额</a>
                      <a ng-click="selChartType1(1)" ng-class="!chart1.chartType?'current':''">税额</a>
                    </span>
                  </p>
                </div>
                <div id="charts1" style="width:100%;min-height:550px;">
                </div>
              </div>
            </div>
          </div>
      </div>
  </div>
  <!-- 每种商品大分类的营业额税额占比饼图  -->
  <div class="col-xs-12 col-md-6 col-lg-6">
      <div class="widget">
          <div class="widget-header ">
              <span class="widget-caption">商品大分类饼图</span>
              <div class="widget-buttons">
                  <a data-toggle="maximize">
                      <i class="fa fa-expand"></i>
                  </a>
                  <a data-toggle="collapse">
                      <i class="fa fa-minus"></i>
                  </a>
                  <a data-toggle="dispose">
                      <i class="fa fa-times"></i>
                  </a>
              </div>
          </div>
          <div class="widget-body" style="display:block;height:auto">
            <div class="row">
              <div class="col-sm-12">
                <div class="selectModel">
                  <p>
                    <span class="selectModel-head">统计时间:</span>
                    <span>
                      <a ng-click="checkByYear2(0)" ng-class="chart2.conditions[0]?'current':''">总计</a>
                      <a ng-click="checkByYear2(1)" ng-class="chart2.conditions[1]?'current':''">最近三年</a>
                      <a ng-click="checkByYear2(2)" ng-class="chart2.conditions[2]?'current':''">最近五年</a>
                      <a ng-click="checkByYear2(3)" ng-class="chart2.conditions[3]?'current':''">最近十年</a>
                      <a ng-repeat="year in years" ng-click="checkByMonth2(year,$index)" ng-class="chart2.yearsArray[$index]?'current':''">{{year}}年</a>
                    </span>
                  </p>
                  <p>
                    <span class="selectModel-head">统计类型:</span>
                    <span>
                      <a class="current" ng-if="chart2.showByYear">按年度统计</a>
                      <a ng-click="selYear2(0)" ng-if="chart2.showByMonth" ng-class="chart2.monthType[0]?'current':''">按年度统计</a>
                      <a ng-click="selSeason2(0)" ng-if="chart2.showByMonth" ng-class="chart2.monthType[1]?'current':''">按季度统计</a>
                      <a ng-click="selMonth2(1)" ng-if="chart2.showByMonth" ng-class="chart2.monthType[2]?'current':''">按月度统计</a>
                    </span>
                  </p>
                  <p ng-if="chart2.showSeason">
                    <span class="selectModel-head">具体时间:</span>
                    <span>
                      <a ng-click="selRequestSeason2(1)" ng-class="chart2.season[0]?'current':''">第一季度</a>
                      <a ng-click="selRequestSeason2(2)" ng-class="chart2.season[1]?'current':''">第二季度</a>
                      <a ng-click="selRequestSeason2(3)" ng-class="chart2.season[2]?'current':''">第三季度</a>
                      <a ng-click="selRequestSeason2(4)" ng-class="chart2.season[3]?'current':''">第四季度</a></span>
                  </p>
                  <p ng-if="chart2.showMonth">
                    <span class="selectModel-head">具体时间:</span>
                    <span>
                      <a ng-click="selRequestMonth2(1)"  ng-class="chart2.month[0]?'current':''">1月</a><a ng-click="selRequestMonth2(2)"  ng-class="chart2.month[1]?'current':''">2月</a><a ng-click="selRequestMonth2(3)" ng-class="chart2.month[2]?'current':''">3月</a>
                      <a ng-click="selRequestMonth2(4)" ng-class="chart2.month[3]?'current':''">4月</a><a ng-click="selRequestMonth2(5)" ng-class="chart2.month[4]?'current':''">5月</a><a ng-click="selRequestMonth2(6)" ng-class="chart2.month[5]?'current':''">6月</a>
                      <a ng-click="selRequestMonth2(7)"  ng-class="chart2.month[6]?'current':''">7月</a><a ng-click="selRequestMonth2(8)"  ng-class="chart2.month[7]?'current':''">8月</a><a ng-click="selRequestMonth2(9)" ng-class="chart2.month[8]?'current':''">9月</a>
                      <a ng-click="selRequestMonth2(10)" ng-class="chart2.month[9]?'current':''">10月</a><a ng-click="selRequestMonth2(11)" ng-class="chart2.month[10]?'current':''">11月</a><a ng-click="selRequestMonth2(12)" ng-class="chart2.month[11]?'current':''">12月</a>
                    </span>
                  </p>
                  <p>
                    <span class="selectModel-head">数据类型:</span>
                    <span>
                      <a ng-click="selChartType2(0)" ng-class="chart2.chartType?'current':''">营业额</a>
                      <a ng-click="selChartType2(1)" ng-class="!chart2.chartType?'current':''">税额</a>
                    </span>
                  </p>
                </div>
                <div id="charts2" style="width:100%;min-height:550px;">
                </div>
              </div>
            </div>
          </div>
      </div>
  </div>
  <!-- 每种商品小分类的营业额税额占比饼图  -->
  <div class="col-xs-12 col-md-6 col-lg-6">
      <div class="widget">
          <div class="widget-header ">
              <span class="widget-caption">商品小分类饼图</span>
              <div class="widget-buttons">
                  <a data-toggle="maximize">
                      <i class="fa fa-expand"></i>
                  </a>
                  <a data-toggle="collapse">
                      <i class="fa fa-minus"></i>
                  </a>
                  <a data-toggle="dispose">
                      <i class="fa fa-times"></i>
                  </a>
              </div>
          </div>
          <div class="widget-body" style="display:block;height:auto">
            <div class="row">
              <div class="col-sm-12">
                <div class="selectModel">
                  <p>
                    <span class="selectModel-head">商品类别:</span>
                    <span>
                      <a ng-repeat="class in classes" ng-click="selClass(class.largeClassId,$index)" ng-class="chart3.classArray[$index]?'current':''">{{class.largeClassName}}</a>
                    </span>
                  </p>
                  <p>
                    <span class="selectModel-head">统计时间:</span>
                    <span>
                      <a ng-click="checkByYear3(0)" ng-class="chart3.conditions[0]?'current':''">总计</a>
                      <a ng-click="checkByYear3(1)" ng-class="chart3.conditions[1]?'current':''">最近三年</a>
                      <a ng-click="checkByYear3(2)" ng-class="chart3.conditions[2]?'current':''">最近五年</a>
                      <a ng-click="checkByYear3(3)" ng-class="chart3.conditions[3]?'current':''">最近十年</a>
                      <a ng-repeat="year in years" ng-click="checkByMonth3(year,$index)" ng-class="chart3.yearsArray[$index]?'current':''">{{year}}年</a>
                    </span>
                  </p>
                  <p>
                    <span class="selectModel-head">统计类型:</span>
                    <span>
                      <a class="current" ng-if="chart3.showByYear">按年度统计</a>
                      <a ng-click="selYear3(0)" ng-if="chart3.showByMonth" ng-class="chart3.monthType[0]?'current':''">按年度统计</a>
                      <a ng-click="selSeason3(0)" ng-if="chart3.showByMonth" ng-class="chart3.monthType[1]?'current':''">按季度统计</a>
                      <a ng-click="selMonth3(1)" ng-if="chart3.showByMonth" ng-class="chart3.monthType[2]?'current':''">按月度统计</a>
                    </span>
                  </p>
                  <p ng-if="chart3.showSeason">
                    <span class="selectModel-head">具体时间:</span>
                    <span>
                      <a ng-click="selRequestSeason3(1)" ng-class="chart3.season[0]?'current':''">第一季度</a>
                      <a ng-click="selRequestSeason3(2)" ng-class="chart3.season[1]?'current':''">第二季度</a>
                      <a ng-click="selRequestSeason3(3)" ng-class="chart3.season[2]?'current':''">第三季度</a>
                      <a ng-click="selRequestSeason3(4)" ng-class="chart3.season[3]?'current':''">第四季度</a></span>
                  </p>
                  <p ng-if="chart3.showMonth">
                    <span class="selectModel-head">具体时间:</span>
                    <span>
                      <a ng-click="selRequestMonth3(1)"  ng-class="chart3.month[0]?'current':''">1月</a><a ng-click="selRequestMonth3(2)"  ng-class="chart3.month[1]?'current':''">2月</a><a ng-click="selRequestMonth3(3)" ng-class="chart3.month[2]?'current':''">3月</a>
                      <a ng-click="selRequestMonth3(4)" ng-class="chart3.month[3]?'current':''">4月</a><a ng-click="selRequestMonth3(5)" ng-class="chart3.month[4]?'current':''">5月</a><a ng-click="selRequestMonth3(6)" ng-class="chart3.month[5]?'current':''">6月</a>
                      <a ng-click="selRequestMonth3(7)"  ng-class="chart3.month[6]?'current':''">7月</a><a ng-click="selRequestMonth3(8)"  ng-class="chart3.month[7]?'current':''">8月</a><a ng-click="selRequestMonth3(9)" ng-class="chart3.month[8]?'current':''">9月</a>
                      <a ng-click="selRequestMonth3(10)" ng-class="chart3.month[9]?'current':''">10月</a><a ng-click="selRequestMonth3(11)" ng-class="chart3.month[10]?'current':''">11月</a><a ng-click="selRequestMonth3(12)" ng-class="chart3.month[11]?'current':''">12月</a>
                    </span>
                  </p>
                  <p>
                    <span class="selectModel-head">数据类型:</span>
                    <span>
                      <a ng-click="selChartType3(0)" ng-class="chart3.chartType?'current':''">营业额</a>
                      <a ng-click="selChartType3(1)" ng-class="!chart3.chartType?'current':''">税额</a>
                    </span>
                  </p>
                </div>
                <div id="charts3" style="width:100%;min-height:550px;">
                </div>
              </div>
            </div>
          </div>
      </div>
  </div>

  <!-- 每种商品的进销对比图表 -->
  <div class="col-xs-12 col-md-12 col-lg-12">
      <div class="widget">
          <div class="widget-header ">
              <span class="widget-caption">每种商品的进销对比图表</span>
              <div class="widget-buttons">
                  <a data-toggle="maximize">
                      <i class="fa fa-expand"></i>
                  </a>
                  <a data-toggle="collapse">
                      <i class="fa fa-minus"></i>
                  </a>
                  <a data-toggle="dispose">
                      <i class="fa fa-times"></i>
                  </a>
              </div>
          </div>
          <div class="widget-body" style="display:block;height:auto">
            <div class="row">
              <div class="col-sm-12">
                <div class="selectModel">
                  <p>
                    <span class="selectModel-head">商品大类别:</span>
                    <span>
                      <a ng-repeat="class in classes" ng-click="selClass4(class.largeClassId,$index)" ng-class="chart4.largeClassArray[$index]?'current':''">{{class.largeClassName}}</a>
                    </span>
                  </p>
                  <p>
                    <span class="selectModel-head">商品小类别:</span>
                    <span>
                      <a ng-click="selAll()" ng-class="all?'current':''">全部</a>
                      <a ng-repeat="class in smallclasses" ng-click="selSmallClass4(class.smallClassId,$index)" ng-class="chart4.smallClassArray[$index]?'current':''">{{class.smallClassName}}</a>
                    </span>
                  </p>
                  <p>
                    <span class="selectModel-head">统计时间:</span>
                    <span>
                      <a ng-click="checkByYear4(0)" ng-class="chart4.conditions[0]?'current':''">总计</a>
                      <a ng-click="checkByYear4(1)" ng-class="chart4.conditions[1]?'current':''">最近三年</a>
                      <a ng-click="checkByYear4(2)" ng-class="chart4.conditions[2]?'current':''">最近五年</a>
                      <a ng-click="checkByYear4(3)" ng-class="chart4.conditions[3]?'current':''">最近十年</a>
                      <a ng-repeat="year in years" ng-click="checkByMonth4(year,$index)" ng-class="chart4.yearsArray[$index]?'current':''">{{year}}年</a>
                    </span>
                  </p>
                  <p>
                    <span class="selectModel-head">统计类型:</span>
                    <span>
                      <a class="current" ng-if="chart4.showByYear">按年度统计</a>
                      <a ng-click="selMonthType4(0)" ng-if="chart4.showByMonth" ng-class="!chart4.monthType?'current':''">按月度统计</a>
                      <a ng-click="selMonthType4(1)" ng-if="chart4.showByMonth" ng-class="chart4.monthType?'current':''">按季度统计</a>
                    </span>
                  </p>
                </div>
                <div id="charts4" style="width:100%;min-height:550px;">
                </div>
              </div>
            </div>
          </div>
      </div>
  </div>

  <!-- 客户对营业额的贡献占比 -->
  <div class="col-xs-12 col-md-6 col-lg-6">
      <div class="widget">
          <div class="widget-header ">
              <span class="widget-caption">客户对营业额的贡献占比</span>
              <div class="widget-buttons">
                  <a data-toggle="maximize">
                      <i class="fa fa-expand"></i>
                  </a>
                  <a data-toggle="collapse">
                      <i class="fa fa-minus"></i>
                  </a>
                  <a data-toggle="dispose">
                      <i class="fa fa-times"></i>
                  </a>
              </div>
          </div>
          <div class="widget-body" style="display:block;height:auto">
            <div class="row">
              <div class="col-sm-12">
                <div class="selectModel">
                  <p>
                    <span class="selectModel-head">统计时间:</span>
                    <span>
                      <a ng-click="checkByYear5(0)" ng-class="chart5.conditions[0]?'current':''">总计</a>
                      <a ng-click="checkByYear5(1)" ng-class="chart5.conditions[1]?'current':''">最近三年</a>
                      <a ng-click="checkByYear5(2)" ng-class="chart5.conditions[2]?'current':''">最近五年</a>
                      <a ng-click="checkByYear5(3)" ng-class="chart5.conditions[3]?'current':''">最近十年</a>
                      <a ng-repeat="year in years" ng-click="checkByMonth5(year,$index)" ng-class="chart5.yearsArray[$index]?'current':''">{{year}}年</a>
                    </span>
                  </p>
                  <p>
                    <span class="selectModel-head">统计类型:</span>
                    <span>
                      <a class="current" ng-if="chart5.showByYear">按年度统计</a>
                      <a ng-click="selYear5(0)" ng-if="chart5.showByMonth" ng-class="chart5.monthType[0]?'current':''">按年度统计</a>
                      <a ng-click="selSeason5(0)" ng-if="chart5.showByMonth" ng-class="chart5.monthType[1]?'current':''">按季度统计</a>
                      <a ng-click="selMonth5(1)" ng-if="chart5.showByMonth" ng-class="chart5.monthType[2]?'current':''">按月度统计</a>
                    </span>
                  </p>
                  <p ng-if="chart5.showSeason">
                    <span class="selectModel-head">具体时间:</span>
                    <span>
                      <a ng-click="selRequestSeason5(1)" ng-class="chart5.season[0]?'current':''">第一季度</a>
                      <a ng-click="selRequestSeason5(2)" ng-class="chart5.season[1]?'current':''">第二季度</a>
                      <a ng-click="selRequestSeason5(3)" ng-class="chart5.season[2]?'current':''">第三季度</a>
                      <a ng-click="selRequestSeason5(4)" ng-class="chart5.season[3]?'current':''">第四季度</a></span>
                  </p>
                  <p ng-if="chart5.showMonth">
                    <span class="selectModel-head">具体时间:</span>
                    <span>
                      <a ng-click="selRequestMonth5(1)"  ng-class="chart5.month[0]?'current':''">1月</a><a ng-click="selRequestMonth5(2)"  ng-class="chart5.month[1]?'current':''">2月</a><a ng-click="selRequestMonth5(3)" ng-class="chart5.month[2]?'current':''">3月</a>
                      <a ng-click="selRequestMonth5(4)" ng-class="chart5.month[3]?'current':''">4月</a><a ng-click="selRequestMonth5(5)" ng-class="chart5.month[4]?'current':''">5月</a><a ng-click="selRequestMonth5(6)" ng-class="chart5.month[5]?'current':''">6月</a>
                      <a ng-click="selRequestMonth5(7)"  ng-class="chart5.month[6]?'current':''">7月</a><a ng-click="selRequestMonth5(8)"  ng-class="chart5.month[7]?'current':''">8月</a><a ng-click="selRequestMonth5(9)" ng-class="chart5.month[8]?'current':''">9月</a>
                      <a ng-click="selRequestMonth5(10)" ng-class="chart5.month[9]?'current':''">10月</a><a ng-click="selRequestMonth5(11)" ng-class="chart5.month[10]?'current':''">11月</a><a ng-click="selRequestMonth5(12)" ng-class="chart5.month[11]?'current':''">12月</a>
                    </span>
                  </p>
                </div>
                <div id="charts5" style="width:100%;min-height:550px;">
                </div>
              </div>
            </div>
          </div>
      </div>
  </div>

  <!-- 进货商对进货总价的占比 -->
  <div class="col-xs-12 col-md-6 col-lg-6">
      <div class="widget">
          <div class="widget-header ">
              <span class="widget-caption">供货商对进货总价的占比</span>
              <div class="widget-buttons">
                  <a data-toggle="maximize">
                      <i class="fa fa-expand"></i>
                  </a>
                  <a data-toggle="collapse">
                      <i class="fa fa-minus"></i>
                  </a>
                  <a data-toggle="dispose">
                      <i class="fa fa-times"></i>
                  </a>
              </div>
          </div>
          <div class="widget-body" style="display:block;height:auto">
            <div class="row">
              <div class="col-sm-12">
                <div class="selectModel">
                  <p>
                    <span class="selectModel-head">统计时间:</span>
                    <span>
                      <a ng-click="checkByYear6(0)" ng-class="chart6.conditions[0]?'current':''">总计</a>
                      <a ng-click="checkByYear6(1)" ng-class="chart6.conditions[1]?'current':''">最近三年</a>
                      <a ng-click="checkByYear6(2)" ng-class="chart6.conditions[2]?'current':''">最近五年</a>
                      <a ng-click="checkByYear6(3)" ng-class="chart6.conditions[3]?'current':''">最近十年</a>
                      <a ng-repeat="year in years" ng-click="checkByMonth6(year,$index)" ng-class="chart6.yearsArray[$index]?'current':''">{{year}}年</a>
                    </span>
                  </p>
                  <p>
                    <span class="selectModel-head">统计类型:</span>
                    <span>
                      <a class="current" ng-if="chart6.showByYear">按年度统计</a>
                      <a ng-click="selYear6(0)" ng-if="chart6.showByMonth" ng-class="chart6.monthType[0]?'current':''">按年度统计</a>
                      <a ng-click="selSeason6(0)" ng-if="chart6.showByMonth" ng-class="chart6.monthType[1]?'current':''">按季度统计</a>
                      <a ng-click="selMonth6(1)" ng-if="chart6.showByMonth" ng-class="chart6.monthType[2]?'current':''">按月度统计</a>
                    </span>
                  </p>
                  <p ng-if="chart6.showSeason">
                    <span class="selectModel-head">具体时间:</span>
                    <span>
                      <a ng-click="selRequestSeason6(1)" ng-class="chart6.season[0]?'current':''">第一季度</a>
                      <a ng-click="selRequestSeason6(2)" ng-class="chart6.season[1]?'current':''">第二季度</a>
                      <a ng-click="selRequestSeason6(3)" ng-class="chart6.season[2]?'current':''">第三季度</a>
                      <a ng-click="selRequestSeason6(4)" ng-class="chart6.season[3]?'current':''">第四季度</a></span>
                  </p>
                  <p ng-if="chart6.showMonth">
                    <span class="selectModel-head">具体时间:</span>
                    <span>
                      <a ng-click="selRequestMonth6(1)"  ng-class="chart6.month[0]?'current':''">1月</a><a ng-click="selRequestMonth6(2)"  ng-class="chart6.month[1]?'current':''">2月</a><a ng-click="selRequestMonth6(3)" ng-class="chart6.month[2]?'current':''">3月</a>
                      <a ng-click="selRequestMonth6(4)" ng-class="chart6.month[3]?'current':''">4月</a><a ng-click="selRequestMonth6(5)" ng-class="chart6.month[4]?'current':''">5月</a><a ng-click="selRequestMonth6(6)" ng-class="chart6.month[5]?'current':''">6月</a>
                      <a ng-click="selRequestMonth6(7)"  ng-class="chart6.month[6]?'current':''">7月</a><a ng-click="selRequestMonth6(8)"  ng-class="chart6.month[7]?'current':''">8月</a><a ng-click="selRequestMonth6(9)" ng-class="chart6.month[8]?'current':''">9月</a>
                      <a ng-click="selRequestMonth6(10)" ng-class="chart6.month[9]?'current':''">10月</a><a ng-click="selRequestMonth6(11)" ng-class="chart6.month[10]?'current':''">11月</a><a ng-click="selRequestMonth6(12)" ng-class="chart6.month[11]?'current':''">12月</a>
                    </span>
                  </p>
                </div>
                <div id="charts6" style="width:100%;min-height:550px;">
                </div>
              </div>
            </div>
          </div>
      </div>
  </div>


  <!-- 客户分布图 -->
  <div class="col-xs-12 col-md-12 col-lg-12">
      <div class="widget">
          <div class="widget-header ">
              <span class="widget-caption">客户分布图</span>
              <div class="widget-buttons">
                  <a data-toggle="maximize">
                      <i class="fa fa-expand"></i>
                  </a>
                  <a data-toggle="collapse">
                      <i class="fa fa-minus"></i>
                  </a>
                  <a data-toggle="dispose">
                      <i class="fa fa-times"></i>
                  </a>
              </div>
          </div>
          <div class="widget-body" style="display:block;height:auto">
            <div class="row">
              <div class="col-sm-12">
                <div id="charts7" style="width:100%;min-height:550px;">
                </div>
              </div>
            </div>
          </div>
      </div>
  </div>
  <!-- 进货商分布图 -->
</div>
